<div class="home">
	<!--日期-->
	<div class="date-wrapper bg pd20 w1040">
		<div class="time-group">
            <div class="date-time">
                <input class="form-control pl15 h40" id="start_date" ng-model="data.startdate" onClick="WdatePicker({onpicked: function(){$(this).trigger('change')},readOnly:true,maxDate:'#F{$dp.$D(\'over_date\',{d: -1})}'});" type="text" />
            </div>
            <div class="date-time">
                <input class="form-control h40" id="over_date" ng-model="data.overdate" onClick="WdatePicker({onpicked: function(){$(this).trigger('ng-change')},readOnly:true, minDate:'#F{$dp.$D(\'start_date\',{d: 1})}'});" type="text" />
            </div>
       </div>
	</div>
	<!--统计数-->
	<div class="row-chart count-wrapper">
		<div>
			<div class="total-number">
				<span class="title">点击内容总数</span>
				<h2 class="num">233</h2>
			</div>
			<div class="add-number">
				<span class="title">
					新增数
				</span>
				<span class="num">
					4
				</span>
			</div>
		</div>
		<div>
			<div class="total-number">
				<span class="title">点击消息总数</span>
				<h2 class="num">233</h2>
			</div>
			<div class="add-number">
				<span class="title">
					新增数
				</span>
				<span class="num">
					4
				</span>
			</div>
		</div>
		<div>
			<div class="total-number">
				<span class="title">点击个人中心总数</span>
				<h2 class="num">233</h2>
			</div>
			<div class="add-number">
				<span class="title">
					新增数
				</span>
				<span class="num">
					4
				</span>
			</div>
		</div>
	</div>
	
	<!--首页点击占比-->
	<div class="row-chart h560 mt10">
		<div class="content-hd">
			<h2><i></i>首页颜色占比</h2>
		</div>
		<chartpie head-type="首页颜色占比" type="surveyIndex" class-name='w100_ h400' id-name="index-chart-pie">
			
		</chartpie>
	</div>
	
	<!--点击情况柱状图-->
	<divl class="row-chart h1000">
		<div class="click-state-wrapper mt10">
			<div class="content-hd">
				<h2><i></i>点击情况柱状图</h2>
			</div>
			<histogramthree head-type="点击情况柱状图" type="surveyclick" class-name='w1000 h460'  id-name="survey-chart-histogram"></histogramthree>
		</div>
		<div class="sex-state-wrapper flex flex2 pt20">
			<div>
				<div class="content-hd">
					<h2><i></i>性别占比</h2>
				</div>
				<chartpie head-type="性别占比" type="surveysex" class-name='w500 h400'  id-name="surveysex-chart-pie">
			 		
				</chartpie>
			</div>
			<div>
				<div class="content-hd">
					<h2><i></i>年龄段占比 </h2>
				</div>
				<chartcircle head-type="年龄段占比" type="surveyage" class-name='w500 h400'  id-name="surveyage-chart-pie">
			 		
				</chartcircle>
			</div>
		</div>
	</div>
</div>